﻿
          <!-- /. NAV SIDE  -->
          <div id="page-wrapper">
              <div id="page-inner">
                  <div class="panel panel-default">
                          <div class="panel-heading">
                              新闻列表
                          </div>
                          <select name="math" class="math" >
                              <option  value="1">1</option>
                              <option value="2" >2</option>
                              <option  value="3">3</option>
                              <option value="4">4</option>
                             
                          </select>
                          <div><p>每页显示条数</p></div>

                          <div class="panel-body">
                              <div class="table-responsive">
                                  <table class="table table-striped table-bordered table-hover">
                                   <thead>
                                      
                                          <tr>
                                              <th>id</th>
                                              <th>标题</th>
                                              <th>图片</th>
                                              <th>内容</th>
                                              <th>作者</th>
                                              <th>新闻类型</th>
                                              <th>状态</th>
                                              
                                              <th>发布者</th>
                                              <th>发布时间</th>
                                              <th>操作</th>
                                          </tr>
                                    
                                     </thead>
                                     
                                      <tbody>
                                    
                                      <?php foreach($data as $v){?> 
                                      
                                          <tr class="cchange">
                                              <th class="id"><?php echo $v['id']?></th>
                                              <th filed="title" class="change"><?php echo $v['title']?></th>
  <th><img src="<?php echo  empty($v['url'])?'nod.jpg':$v['url']; ?>" width="50"
                                               height="50"></th>
                                              <th filed="content" class="change" > <?php echo $v['content']?></th>
                                              <th><?php echo $v['author']?></th>

                                          
                                              <th filed="type" class="change"><?php echo $v['type']?></th>
                                                  <th>
 <i class="glyphicon <?php echo ($v['status']==0)?'glyphicon-remove':'glyphicon-ok';?>" cursor:pointer;   ></i>
                                               
                                               
                                              </th>
                                           
                                              <th><?php echo $v['send_user']?></th>
                                              <th><?php echo $v['create_time']?></th>
                                              <th><a href="index.php?c=news&a=adxit&admin=1&id=<?php echo $v['id'];?>" class="btn btn-info">
                                                 <i class="fa fa-pencil-square-o"></i>
                                                 编辑</a> 
                                                 <a href="index.php?c=news&a=del&admin=1&id=<?php echo $v['id'];?>""
                                                 onclick="return confirm('确定要删除？')" class="btn btn-danger">
                                                 <i class="fa fa-trash-o"></i>
                                                 删除</a>      
  </th>
                                          </tr>
                                    
                                     
                                      <?php }?>
                                      </tbody>
                                  </table>
                                  
                              <hr />
                              <ul class="pagination"> 
                               <?php echo $pages; ?>   
                              </ul>
                              </div>
                          </div>
                      </div>

              </div>
              <!-- /. PAGE INNER  -->
          </div>
          <!-- /. PAGE WRAPPER  -->
      </div>
      <!-- /. WRAPPER  -->
      <input class="PP" type="hiiden" name="" value="<?php echo $_GET['p'] ?>" />

     <script src="resources/assets/js/jquery-1.10.2.js"></script>
    <script type="text/javascript">
  $(function() {//初始化函数之后执行

$('.glyphicon').click(function(){

    var css =$(this).attr('class');  //获取到.glyphicon的属性

    var id=$(this).parent().parent().find('th:first').text();

   

        if(css=='glyphicon glyphicon-remove'){
              var status=1
        } else{
          var status=0

    
        }


    var add=$(this);
    
    $.ajax({
        type: 'get',
        // 发送的请求类型 get/post
        url:'index.php?admin=1&c=news&a=list',
        // 请求的路径
         data:{
           'status':status,
           'id':id,
         },//要提交到后台的数据
   

        // dataType:'json',
        success: function(bian) {



          
          if (bian>0) {

            
              if( css=='glyphicon glyphicon-remove'){

               add.removeClass("glyphicon-remove").addClass("glyphicon-ok");

                
             }else if(css=='glyphicon glyphicon-ok'){
               add.removeClass("glyphicon-ok").addClass("glyphicon-remove");

             }
            alert("审核成功");
              }

         else{alert("审核失败");
            };

        }

    })


});




$('.math').change(function(){

       var math=$(this).val();

        var PP=$('.PP').val();

      $.ajax({
        type: 'get',
        // 发送的请求类型 get/post
        url:'index.php?admin=1&c=news&a=list',
        // 请求的路径
         data:{
           'math':math,
           'p':PP,


          
         },//要提交到后台的数据
   

        dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(select) {




          var html = ' '; //空变量
            var data =select.data;//二维数组
          
         
          for (i in data) { //使用＄DATA数组里的数据循环for(变量 in 对象)｛执行的代码｝

            html += '<tr class=cchange>';
            html += '<th>'+data[i].id+'</th>';

            html += '<th class="change">'+data[i].title +'</th>';
             var url =(data[i].url=='')?'nod.jpg':data[i].url;

            html += '<th class="change"><img width="50" height="50" src="'+url+'"></th>';


            
            html += '<th class="change">'+data[i].content+ '</th>';

            html += '<th>'+data[i].author +'</th>';
      
            var status = (data[i].status== 0) ?'<i class="bian"><a class="glyphicon glyphicon-remove><a/> </i>': '<i class="bian" ><a class="glyphicon glyphicon-remove><a/></i>';;


            html += '<th class="change">'+data[i].type +'</th>';
            
            html += '<th>'+status+ '</th>';
           
            html += '<th>'+data[i].send_user +'</th>';
             html += '<th>'+data[i].add_time +'</th>';
            


            html += '<th>';
            html += '<a href="index.php?c=news&a=adxit&admin=1&id='+ data[i].id+ '" class="btn btn-info">';
            html += '<i class="fa fa-pencil-square-o"></i>编辑</a>';
            html += '<a href="index.php?c=news&a=del&admin=1&id=data[i].id""';
            html += 'onclick="return confirm('+'确定要删除？'+')"class="btn btn-danger"><i class="fa fa-trash-o"></i>删除</a>';
            
           
            html+='</tr > ';
         
            }


       

          $('tbody').html(html);//以HTML的方式替换掉tbody标签中的内容
      
          $('.pagination').html(select.pages);//

         console.log(select.data);
          
          
          
        
       

         

        }

    })

       // alert(math);return;

    })








  $('.pagination').on('click','li',function(){//给jq无刷新生成的li=>a标签添加点击时间
   var url = $(this).find('a').attr('href');//定义A标签的指定跳转路径
    var math=$('.math').val();

  
      $.ajax({
        type: 'get',
        // 发送的请求类型 get/post
        url: url,
        // 请求的路径
       data:{
          'math':math,
        

          
       },//要提交到后台的数据
        dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(json) {


          var html = ' '; //空变量
            var data =json.data;//二维数组
        
          for (i in data) { //使用＄DATA数组里的数据循环for(变量 in 对象)｛执行的代码｝

            html += '<tr class=cchange>';
            html += '<th>'+data[i].id+'</th>';

            html += '<th class="change">'+data[i].title +'</th>';
             var url =(data[i].url=='')?'nod.jpg':data[i].url;

            html += '<th class="change"><img width="50" height="50" src="'+url+'"></th>';


            
            html += '<th class="change">'+data[i].content+ '</th>';

            html += '<th>'+data[i].author +'</th>';
      
            var status = (data[i].status== 0) ?'<i class="bian"><a class="glyphicon glyphicon-remove><a/> </i>': '<i class="bian" ><a class="glyphicon glyphicon-remove><a/></i>';;


            html += '<th class="change">'+data[i].type +'</th>';
            
            html += '<th>'+status+ '</th>';
           
            html += '<th>'+data[i].send_user +'</th>';
             html += '<th>'+data[i].add_time +'</th>';
            


            html += '<th>';
            html += '<a href="index.php?c=news&a=adxit&admin=1&id='+ data[i].id+ '" class="btn btn-info">';
            html += '<i class="fa fa-pencil-square-o"></i>编辑</a>';
            html += '<a href="index.php?c=news&a=del&admin=1&id=data[i].id""';
            html += 'onclick="return confirm('+'确定要删除？'+')"class="btn btn-danger"><i class="fa fa-trash-o"></i>删除</a>';
            
           
            html+='</tr > ';
         
            }

          $('tbody').html(html);//以HTML的方式替换掉tbody标签中的内容
          
          $('.pagination').html(json.pages);//获取到pagination,以pages。php生成的内容替换掉pagination中的内容----跳转页码
           
          dbclick();
              re

          }
        })


      return false;//函数执行停止，阻止运行初始化函数
    })

  dbclick();

  function dbclick(){
   //数封装
   $('.cchange').on('dblclick','th.change',function(){ 

      var len = $('tbody :text').length;   //获取当前可操作的input的数量

      if (len>0) {     

         var val=$('tbody :text').val();         //如果当前可操作的标签超过1个那么就获取之前已经操作过的内容将其存入变量当中


          $('tbody :text').parent().text(val); //然后改变td里的val值
      }

         //获取到TBODY当中可操作的inputs标签
      var tet = $(this).text();    //获取到当前操作的input的标签 本内容
      var int = '<input type="text"  value="'+tet+'"/>' ;//将刚才获取的内容存到input标签的value值当中。

      $(this).html(int);  //将当前操作的input的状态改变

      $('tbody :text').focus();//绑定焦点

      $('tbody :text').blur(function(){//焦点取消
         //获取到需要修改数据的id
        var id=$(this).parent().parent().find('th:first').text();
        //获取到需要修改到的字段名
        var filed=$(this).parent().attr('filed');
    
   

    var val=$(this).val();//获取input标签的value值
    $(this).parent().text(val);
   
   // var val tet\]
   
    if (val==tet) {
      return  false;


    }
    $.ajax({
        type: 'post',
        // 发送的请求类型 get/post
        url:'index.php?admin=1&c=news&a=adxit',
        // 请求的路径
         data:{
          'id':id,
          'val':val,
          'filed':filed,
          
         },//要提交到后台的数据
   

        //dataType:'json', //将后台返回的数据转成js的json格式
        // async:true;  //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
        //success 专门接收后台服务器返回到前台的数据
        success: function(row) {

          if (parseInt(row)>0) {
            alert('修改成功');
                  }else{
                  alert('修改失败');   
                  }

        }

    })
     
    })



    })
    } //双击
  })

    </script>